<template>
    <van-tabbar v-model="active" route>
        <van-tabbar-item v-for="(item,index) in tabs" :key="index" :icon="item.icon" :to="item.to">{{item.name}}
        </van-tabbar-item>
    </van-tabbar>
</template>

<script>
export default {
    data() {
        return {
            active:0,
            tabs: [
                {
                    icon: "home-o",
                    name: "首页",
                    to: '/index/home'
                },
                {
                    icon: "search",
                    name: "爆爆团",
                    to: '/index/tuan'
                },
                {
                    icon: "comment-o",
                    name: "订单",
                    to: '/index/order'
                },
                {
                    icon: "friends-o",
                    name: "我的",
                    to: '/index/mine'
                }
            ]
        }
    }

}
</script>

<style>

</style>